<template>
	<view class="scroller-box">
		<view class="scroller-box-item" v-for="item in 5">{{item}}</view>
	</view>
</template>

<script setup>
import { ref } from 'vue'
</script>

<style lang="scss">
.scroller-box {
	width: 100%;
	display: flex;
	gap: 20rpx;
	overflow-x: auto;
	flex-wrap: nowrap;
	.scroller-box-item {
		width: 200rpx;
		height: 100rpx;
		flex-shrink: 0;
		background-color: red;
		text-align: center;
		line-height: 100rpx;
	}
	/* 隐藏水平滚动条 */
	&::-webkit-scrollbar {
	  display:none;
	}
}
</style>